.de3,.de3:before{
    -webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
         -o-transition:all 0.3s ease-in-out;
            transition:all 0.3s ease-in-out;}
.de5,.de5:before{
    -webkit-transition:all 0.5s ease-in-out;
       -moz-transition:all 0.5s ease-in-out;
         -o-transition:all 0.5s ease-in-out;
            transition:all 0.5s ease-in-out;}
.de7,.de7:before{
    -webkit-transition:all 0.7s ease-in-out;
       -moz-transition:all 0.7s ease-in-out;
         -o-transition:all 0.7s ease-in-out;
            transition:all 0.7s ease-in-out;}
.translate_x{-webkit-transform:translateX(-50%);
       -moz-transform:translateX(-50%);
         -o-transform:translateX(-50%);
            transform:translateX(-50%);}
.translate_y{-webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
         -o-transform:translateY(-50%);
            transform:translateY(-50%);}
.translate_xy{-webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);}
/*flex*/
.display_flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.flex_direction_right{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}
.flex_column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.flex_direction_bottom{
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
}
.flex_1{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.justify_content_center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.justify_content_between{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.justify_content_end{
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.align_items_center{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.align_items_bottom{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
}
.align_items_stretch{
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
}
.flex_wrap{
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}